import React from 'react'
import { Link } from 'react-router-dom';
import { Tabbar, Cell } from 'react-vant';
import { contentStore } from '../../store/content';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
import './index.scss'


export default function Footer() {
    return (
        <>
            <Tabbar>
               <Tabbar.Item icon={<HomeO />}><Link to="home">列表</Link></Tabbar.Item>
                <Tabbar.Item icon={<SettingO />}><Link to="charts">图表</Link></Tabbar.Item>
            </Tabbar>
            <div className='add'>
                <Cell title="+" isLink onClick={contentStore.openContent} />
            </div>
        </>
    )
}
